<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../../_third-party/bootstrap/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../../_src/wm-custom.css" />
		<link rel="stylesheet" type="text/css" href="../../_src/com.alert/alert.css" />
		<title>alert</title>
	</head>
	<body>
		<div class="container text-center">
			<p class="alert pb30">
				<button class="btn btn-default">alert</button>
				<button class="btn btn-success">success alert</button>
				<button class="btn btn-danger">error alert</button>
				<button class="btn btn-warning">warning alert</button>
				<button class="btn btn-info">confirm alert</button>
			</p>
			<p class="msg pb30">
				<button class="btn btn-success">success msg</button>
				<button class="btn btn-danger">error msg</button>
				<button class="btn btn-warning">warning msg</button>
				<button class="btn btn-info">info msg</button>
			</p>

			<p class="warning pb30">
				<button class="btn btn-warning">warning</button>
			</p>
		</div>

		<script src="../../_third-party/jQuery/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../_third-party/bootstrap/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../_src/com.alert/alert.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../_src/wm-custom.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".alert").on("click", ".btn-default", function() {
				$.alert("alert")
			}).on("click", ".btn-success", function() {
				$.alert("成功", "success")
			}).on("click", ".btn-danger", function() {
				$.alert("失败", "error")
			}).on("click", ".btn-warning", function() {
				$.alert("警告", "warning")
			}).on("click", ".btn-info", function() {
				$.confirm("确认操作吗？", function() {
					setTimeout(function() {
						$.alert("您点击了确定", "success")
					}, 5000)
				}, function() {
					$.alert("您点击了取消", "error")
				}, false)
			})

			$(".msg").on("click", ".btn-success", function() {
				$.msg("成功", "success")
			}).on("click", ".btn-danger", function() {
				$.msg("失败", "error")
			}).on("click", ".btn-warning", function() {
				$.msg("警告", "warning")
			}).on("click", ".btn-info", function() {
				$.msg("信息", "info")
			})

			$(".warning").on("click", ".btn-warning", function() {
				$.warning("警告")
			})
		</script>
	</body>
</html>
